body { transition: all 1s ease; }
/*body#loading {background:#333;}*/
body#loading > * { display:none }
body#loading .loader {display:block; position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%) }
body#ready .loader {display:none;}

#logo {margin:auto; max-height:150px; width:auto; display:block; margin-bottom:5px; }

h1 {font-size:9pt; letter-spacing:4px; text-transform:uppercase; font-weight:normal; color:#f1efaf; }
h2 {color:#bbb; text-transform:uppercase; font-size:12pt; letter-spacing: 2px; }
button#export_genesis_config, input#export_genesis_json, input.add-account { color:white; display:block; margin:22px 0 0;  border:5px solid rgba(0,0,0,0.1); opacity: 0.9; }
button#export_genesis_config:hover, input#export_genesis_json:hover, input.add-account:hover { opacity:1; }
button#export_genesis_config, input#export_genesis_json {text-transform: uppercase;font-size:12pt; padding:11px 22px; background:#f1efaf; display:inline-block; }
input#export_genesis_json { border-radius: 6px 0 0 6px; border-right:none; padding:11px 77px; color:#111 }
button#export_genesis_config { border-radius: 0 6px 6px 0; border-left:none; }
button#export_genesis_config { background: rgba(0,0,0,0.9); color:#999; border-color:rgba(255,255,255,0.2) }
input.add-account { background:#f1efaf; font-size:10pt; padding:5px 11px; margin:auto; color:#111 }
button:hover  { background:#448b44; cursor:pointer; }

.form-group {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.04)}

.wrapper {color:#F0F0F0; padding-bottom:44px;}

body#error > * {display:none;}
body .error { display:none; }
body#error .error {display:block; background:rgba(255,0,0,0.3); line-height:20pt; text-align:left;}

body .attention.wrapper { background:rgb(250,250,210,0.5) }

input[type=text] { margin-right:10px; background:rgba(255,255,255,0.05); color:#AAA; padding:6px 12px; border:2px solid rgba(255,255,255,0.1); width:250px }
input[type=text]:focus { color:#00AA00; }
label { font-size:8pt; text-transform: uppercase; color:#888; letter-spacing:1px; }

.repeated { margin-bottom: 7px;  }

.fields.with-labels { }
.fields.with-labels label { text-align:right; width: 278px; display:inline-block; padding-right:10px; }
.fields.with-labels input { margin-bottom: 7px; width:250px; }

.additional-accounts.repeatables input[type=text] { margin-bottom:10px }
.additional-accounts.repeatables .repeated { position:relative }
.additional-accounts.repeatables .repeated button.delete { background:rgba(255,255,255,0.1); border:0; color:#EE9999; position:absolute; top: 0px; right:-11px; display: }
.additional-accounts.repeatables .repeated button.delete:hover { background:rgba(255,255,255,0.2) }

button.delete, input.add-account, input[type=submit], button { cursor:pointer; }

.import-config { padding:20px }

/*.fields.initial-parameters input { clear:both; display:block;}*/
